<div class="modal-dialog modal-lg" style="min-height:500px !important;">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">条目修改</h4>
    </div>

    <div class="modal-body">

      <form class="form-inline">
        <div class="box-body">
          <div class="form-group col-lg-12" style="padding-left:0px !important;margin-bottom:8px;">
            <label class="control-label">指定是否有效：</label>
            <select class="form-control" style="min-width:150px" [(ngModel)]="dataInfo.sValid" name="sValid" (ngModelChange)="changeCheckedInfo('sValid')">
              <option [value]="1">有效</option>
              <option [value]="0">无效</option>
            </select>
            <label class="control-label">属性：</label>
            <select class="form-control" style="min-width:182px" [(ngModel)]="dataInfo.sItemType" name="sItemType" (ngModelChange)="changeCheckedInfo('sItemType')">
              <option [value]="''" selected="selected">--请选择--</option>
              <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RISK_RECORD_TYPE">{{item.sItemValue}}</option>
            </select>
            <label class="control-label">条款出处：</label>
            <select class="form-control" style="min-width:182px" [(ngModel)]="dataInfo.sFileSource" name="sFileSource" (ngModelChange)="changeCheckedInfo('sFileSource')">
              <option [value]="''" selected="selected">--请选择--</option>
              <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.NX_SOURCE">{{item.sItemValue}}</option>
            </select>

          </div>
          <div class="form-group col-lg-12" style="padding-left:0px !important;margin-bottom:8px;">
            <label class="control-label">适用基金类别：</label>
            <!-- <select style="width:150px;" class="form-control select2 fields-select" multiple="multiple" [(ngModel)]="dataInfo.sFundType"
              name="sFundType" (ngModelChange)="changeCheckedInfo('sFundType')">
              <option [value]="item.sItemValue" *ngFor="let item of dictionaryList.RISK_ACCOUNT_TYPE">{{item.sItemValue}}</option>
            </select> -->
            <select [(ngModel)]="dataInfo.sFundType" name="sFundType" id="NqdiiEntryChangeFundType" (ngModelChange)="changeCheckedInfo('sFundType')"
              multiple></select>
            <label class="control-label">内容：</label>
            <input class="form-control" placeholder="内容" maxlength="2000" [(ngModel)]="dataInfo.f1" name="f1">
            <button type="button" class="btn btn-primary" (click)="changeCheckedInfo('f1')">确定</button>
            <label class="control-label">文件名称：</label>
            <input class="form-control" placeholder="文件名称" maxlength="100" [(ngModel)]="dataInfo.sFileName" name="sFileName">
            <button type="button" class="btn btn-primary" (click)="changeCheckedInfo('sFileName')">确定</button>

          </div>
          <div class="form-group col-lg-12" style="padding-left:0px !important;">
            <label class="control-label" style="padding-left:14px">适用基金组：</label>
            <!-- <input class="form-control" placeholder="适用基金组" [(ngModel)]="dataInfo.sFundGroupds" name="sFundGroupds" (ngModelChange)="changeCheckedInfo('sFundGroupds')">
            <i class="fa fa-search" (click)="showApplyFundGroup()"></i> -->
            <div class="input-group" (click)="showApplyFundGroup()">
              <input class="form-control" disabled placeholder="适用基金组" [(ngModel)]="dataInfo.sFundGroupdsZh" name="sFundGroupdsZh" (ngModelChange)="changeCheckedInfo('sFundGroupdsZh')">
              <div class="input-group-addon" (click)="showApplyFundGroup()">
                <i class="fa fa-search"></i>
              </div>
            </div>
            <!-- <button type="button" class="btn btn-primary" style="margin-left:10px;" (click)="addRow()">
              <i class="fa fa-search"></i>新增一行</button>
            <button type="button" class="btn btn-primary" style="margin-left:10px;" (click)="delRow()">
              <i class="fa fa-search"></i>删除行</button> -->
          </div>
        </div>

      </form>

      <div class="ibt-fixed-table-container">
        <!-- <div class="table-scroll-content"> -->
          <table id="input-table" class="table table-bordered table-hover table-striped table-keep-line" style="margin-top:unset !important;">
            <thead>
              <tr role="row">
                <th style="width:50px !important">
                  <div class="cell">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                      <label>
                      </label>
                    </div>
                  </div>
                </th>
                <th style="width:60px !important">
                  <div class="cell cell-padding">序号</div>
                </th>
                <th style="width:60px !important">
                  <div class="cell cell-padding">编号</div>
                </th>
                <th style="width:70px !important">
                  <div class="risk-MarkBlue">是否有效</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkBlue">文件名称</div>
                </th>

                <th>
                  <div class="cell-padding risk-MarkBlue">属性</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkBlue">条款出处</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkBlue">适用基金类别</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkBlue">适用基金组</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkBlue">内容</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkBlue">指标释义</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkBlue">条目规定阀值</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkGreen">事中控制方法</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkGreen">事中系统控制阀值</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkGreen">是否事中系统可控</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkGreen">系统风控编号</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkGreen">事中系统备注</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkRed">事后监控方法</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkRed">监控编号</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkRed">控制说明</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkRed">补偿控制</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkRed">风险等级</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkRed">监察部备注1</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkRed">监察部备注2</div>
                </th>
                <th style="width:190px !important">
                  <div class="cell-padding risk-MarkYellow">场外系统阀值(新股,定增,转债)</div>
                </th>
                <th style="width:130px !important">
                  <div class="cell-padding risk-MarkYellow">场外系统阀值(公增)</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkYellow">是否场外系统可控</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkYellow">场外风控编号</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkYellow">场外系统备注</div>
                </th>
                <th>
                  <div class="cell cell-padding">录入人</div>
                </th>
                <th>
                  <div class="cell cell-padding">录入时间</div>
                </th>
                <th>
                  <div class="cell cell-padding">条目复核</div>
                </th>
                <th>
                  <div class="cell cell-padding">复核时间</div>
                </th>


              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let item of listData;let index = index;">
                <!-- <tr  > -->
                <td style="width:50px !important">
                  <div class="cell">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                      <label>
                      </label>
                    </div>
                  </div>
                </td>
                <td style="width:60px !important" class="td-padding">
                  {{index+1}}
                </td>
                <td style="width:60px !important">
                  <div class="cell">
                    {{item.nNdId}}
                  </div>
                </td>
                <td style="width:70px !important">
                  <div class="cell">
                    <div id="sValid"></div>
                    <select class="select-margin1 input-width" [(ngModel)]="listData[index].sValid" (ngModelChange)="inputChange(index,listData[index].sValid,'sValid')">
                      <option [value]="1">有效</option>
                      <option [value]="0">无效</option>
                    </select>
                  </div>
                </td>
                <td [attr.title]="listData[index].sFileName">
                  <div class="cell">
                    <div id="sFileName"></div>
                    <input class="input-width" maxlength="100" [(ngModel)]="listData[index].sFileName" name="sFileName" (ngModelChange)="inputChange(index,listData[index].sFileName,'sFileName')">
                  </div>
                </td>
                <td [attr.title]="listData[index].sItemTypeZh">
                  <div class="cell">
                    <div id="sItemType"></div>
                    <select class="select-margin input-width" [(ngModel)]="listData[index].sItemType" name="sItemType" (ngModelChange)="inputChange(index,listData[index].sItemType,'sItemType','RISK_RECORD_TYPE')">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="it.sItemKey" *ngFor="let it of dictionaryList.RISK_RECORD_TYPE">{{it.sItemValue}}</option>
                    </select>
                    <!-- <input class="input-width cell" maxlength="100"> -->
                  </div>
                </td>
                <td [attr.title]="listData[index].sFileSourceZh">
                  <div class="cell">
                    <div id="sFileSource"></div>
                    <select class="input-width select-margin" [(ngModel)]="listData[index].sFileSource" name="sFileSource" (ngModelChange)="inputChange(index,listData[index].sFileSource,'sFileSource','NX_SOURCE')">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.NX_SOURCE">{{item.sItemValue}}</option>
                    </select>
                    <!-- <input class="input-width cell" maxlength="100" [(ngModel)]="listData[index].sFileSource"> -->
                  </div>
                </td>
                <td [attr.title]="listData[index].sFundType">
                  <div class="cell" style="height:32px !important">
                    <!-- <div id="sFundType"></div><select style="width:100px !important;" class="form-control select-margin" [(ngModel)]="listData[index].sFundType" name="sFundType"
                        (ngModelChange)="inputChange(index,listData[index].sFundType,'sFundType')" id="selectpicker{{index}}" multiple></select> -->
                    <p-multiSelect [options]="dictionaryInfo" defaultLabel="请选择" [(ngModel)]="listData[index].sFundType" [maxSelectedLabels]="9999"
                      [ngModelOptions]="{standalone: true}"></p-multiSelect>
                  </div>
                </td>
                <td [attr.title]="listData[index].sFundGroupdsZh">
                  <!-- <div>
                      <input class="input-width cell" maxlength="100" [(ngModel)]="listData[index].sFundGroupds">
                    </div> -->
                  <div class="input-group right_tooltip cell">
                    <div id="sFundGroupdsZh"></div>
                    <input class="input-width" [(ngModel)]="listData[index].sFundGroupdsZh" name="sFundGroupdsZh" disabled (ngModelChange)="inputChange(index,listData[index].sFundGroupdsZh,'sFundGroupdsZh')">
                    <div class="input-group-addon" (click)="showApplyFundGroup(index)">
                      <i class="fa fa-search"></i>
                    </div>
                  </div>
                </td>
                <td [attr.title]="listData[index].f1">
                  <div class="cell">
                    <div id="f1"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f1" name="f1" (ngModelChange)="inputChange(index,listData[index].f1,'f1')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f2">
                  <div class="cell">
                    <div id="f2"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f2" name="f2" (ngModelChange)="inputChange(index,listData[index].f2,'f2')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f3">
                  <div class="cell">
                    <div id="f3"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f3" name="f3" (ngModelChange)="inputChange(index,listData[index].f3,'f3')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f4Zh">
                  <div class="cell">
                    <div id="f4"></div>
                    <select class="input-width select-margin" [(ngModel)]="listData[index].f4" name="f4" (ngModelChange)="inputChange(index,listData[index].f4,'f4','RISK_CTRL_METHOD')">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RISK_CTRL_METHOD">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </td>
                <td [attr.title]="listData[index].f5">
                  <div class="cell">
                    <div id="f5"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f5" name="f5" (ngModelChange)="inputChange(index,listData[index].f5,'f5')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f6Zh">
                  <div class="cell">
                    <div id="f6"></div>
                    <select class="input-width select-margin" [(ngModel)]="listData[index].f6" name="f6" (ngModelChange)="inputChange(index,listData[index].f6,'f6','RISK_HS_CONTROL')">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RISK_HS_CONTROL">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </td>
                <td [attr.title]="listData[index].f7">
                  <div class="cell">
                    <div id="f7"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f7" name="f7" (ngModelChange)="inputChange(index,listData[index].f7,'f7')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f8">
                  <div class="cell">
                    <div id="f8"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f8" name="f8" (ngModelChange)="inputChange(index,listData[index].f8,'f8')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f9Zh">
                  <div class="cell">
                    <div id="f9"></div>
                    <select class="input-width select-margin" [(ngModel)]="listData[index].f9" name="f9" (ngModelChange)="inputChange(index,listData[index].f9,'f9','RISK_CONTROL_AFTER')">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RISK_CONTROL_AFTER">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </td>
                <td [attr.title]="listData[index].f10">
                  <div class="cell">
                    <div id="f10"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f10" name="f10" (ngModelChange)="inputChange(index,listData[index].f10,'f10')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f11">
                  <div class="cell">
                    <div id="f11"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f11" name="f11" (ngModelChange)="inputChange(index,listData[index].f11,'f11')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f12">
                  <div class="cell">
                    <div id="f12"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f12" name="f12" (ngModelChange)="inputChange(index,listData[index].f12,'f12')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f13Zh">
                  <div class="cell">
                    <div id="f13"></div>
                    <select class="input-width select-margin" [(ngModel)]="listData[index].f13" name="f13" (ngModelChange)="inputChange(index,listData[index].f13,'f13','MONITOR_REMARK')">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.MONITOR_REMARK">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </td>
                <td [attr.title]="listData[index].f14">
                  <div class="cell">
                    <div id="f14"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f14" name="f14" (ngModelChange)="inputChange(index,listData[index].f14,'f14')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f15">
                  <div class="cell">
                    <div id="f15"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f15" name="f15" (ngModelChange)="inputChange(index,listData[index].f15,'f15')">
                  </div>
                </td>
                <td style="width:190px !important" [attr.title]="listData[index].f16">
                  <div class="cell">
                    <div id="f16"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f16" name="f16" (ngModelChange)="inputChange(index,listData[index].f16,'f16')">
                  </div>
                </td>
                <td style="width:130px !important" [attr.title]="listData[index].f17">
                  <div class="cell">
                    <div id="f17"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f17" name="f17" (ngModelChange)="inputChange(index,listData[index].f17,'f17')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f18Zh">
                  <div class="cell">
                    <div id="f18"></div>
                    <select class="input-width select-margin" [(ngModel)]="listData[index].f18" name="f18" (ngModelChange)="inputChange(index,listData[index].f18,'f18','RISK_CW_CTRL')">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RISK_CW_CTRL">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </td>
                <td [attr.title]="listData[index].f19">
                  <div class="cell">
                    <div id="f19"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f19" name="f19" (ngModelChange)="inputChange(index,listData[index].f19,'f19')">
                  </div>
                </td>
                <td [attr.title]="listData[index].f20">
                  <div class="cell">
                    <div id="f20"></div>
                    <input class="input-width" maxlength="2000" [(ngModel)]="listData[index].f20" name="f20" (ngModelChange)="inputChange(index,listData[index].f20,'f20')">
                  </div>
                </td>
                <td class="short_name" [attr.title]="item.sCreator">
                  <div class="cell">{{item.sCreator}}</div>
                </td>
                <td class="short_name" [attr.title]="item.sLaunchDate">
                  <div class="cell">{{item.sLaunchDate}}</div>
                </td>
                <td class="short_name" [attr.title]="item.sCheckPerson">
                  <div class="cell">{{item.sCheckPerson}}</div>
                </td>
                <td class="short_name" [attr.title]="item.sCheck">
                  <div class="cell">{{item.sCheck}}</div>
                </td>
              </tr>
            </tbody>

          </table>
        <!-- </div> -->
        <!-- <div class="ibt-table-fixed-content">
          <table id="input-table" class="table table-bordered table-hover table-striped table-keep-line">
            <thead>
              <tr>
                <th>
                  <div class="cell" style="width:50px !important">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                      <label>
                      </label>
                    </div>
                  </div>
                </th>
                <th>
                  <div class="cell cell-padding">序号</div>
                </th>
                <th>
                  <div class="cell cell-padding">编号</div>
                </th>
                <th>
                  <div class="risk-MarkBlue">是否有效</div>
                </th>
                <th>
                  <div class="cell-padding risk-MarkBlue" style="width:72px !important;">文件名称</div>
                </th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let item of listData;let index = index;">
                <td>
                  <div class="cell" style="width:50px !important">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                      <label>
                      </label>
                    </div>
                  </div>
                </td>
                <td class="td-padding">
                  {{index+1}}
                </td>
                <td>
                  <div class="cell">
                    {{item.nNdId}}
                  </div>
                </td>
                <td>
                  <div class="cell">
                    <div id="sValid"></div>
                    <select class="select-margin input-width" [(ngModel)]="listData[index].sValid" (ngModelChange)="inputChange(index,listData[index].sValid,'sValid')">
                      <option [value]="1">有效</option>
                      <option [value]="0">无效</option>
                    </select>
                  </div>
                </td>
                <td [attr.title]="listData[index].sFileName" style="width:72px !important;">
                  <div class="cell">
                    <div id="sFileName"></div>
                    <input class="input-width" maxlength="100" [(ngModel)]="listData[index].sFileName" name="sFileName" (ngModelChange)="inputChange(index,listData[index].sFileName,'sFileName')">
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div> -->
      </div>
      <!-- <div class="box-footer clearfix" style="width:100%;">
        <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
          <div class="pull-left pagination-detail" data-pagination-additional="true">
            <span class="pagination-info">
              当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
            </span>
            <span class="page-list">
              每页记录
              <span class="btn-group dropup">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                  <span class="page-size">{{listPageInfo.pageSize}}</span>
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                    <a>{{i}}</a>
                  </li>
                </ul>
              </span>
              条
            </span>
          </div>
        </app-pagination>
      </div> -->
    </div>

    <div class="modal-footer">
      <button type="button" class="btn btn-default pull-left" data-dismiss="modal">退出</button>
      <button type="button" class="btn btn-primary" (click)="save()">
        <i class="fa fa-save"></i>保存</button>
      <button type="button" class="btn btn-primary" (click)="submit()">
        <i class="fa fa-save"></i>保存并提交</button>
    </div>
  </div>
</div>


<!-- 适用基金组modal -->
<div class="modal modal-detail" id="applyFundGroup">
  <div #applyFundGroup></div>
</div>

<!-- 保存并提交modal -->
<div class="modal modal-detail" id="entryCommitModal">
  <div #entryCommitModal></div>
</div>